<template>
  <div class="constain">
      <navBar />
       <headers />
       <headerSticky />
      <div class="main">
          <router-view></router-view>
      </div>
      <footers></footers>
  </div>
</template>

<script>
import {onBeforeMount} from 'vue'
import {useStore} from 'vuex'

import navBar from '@/components/app-navbar.vue'
import headers from '@/components/app-header.vue'
import headerSticky from '@/components/app-header-sticky.vue'
import footers from '@/components/app-footer.vue'

export default {
    name:'layout',
     components:{
        navBar,headers,footers,headerSticky
    },
    setup(props) {
        const store = useStore()
        onBeforeMount(()=>{
            store.dispatch('category/getCateList')
        })
    }
}
</script>

<style lang='less' scoped>

.constain{
    margin: 0;
    padding: 0;
    border: 0;
}
</style>